<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

<title>网友羽之翼分享图片放大播放Jquery插件</title>
  <link rel="stylesheet" type="text/css" href="jquery.ad-gallery.css">
  <meta name="Keywords" content="网友羽之翼分享图片放大播放Jquery插件,Jquery,Jquery插件,Jquery原创,Jquery资源,Jquery特效,div+css,JquerySchool" />
<meta name="description" content="JquerySchool是一个专门分享jquery资源、jquery插件、jquery特效的一个网站,完全开放源代码,把实际开发中应用最多、最实用的Jquery资源抽取出来再加以精心编排,让广大网友能以最短的时间、花最少的精力去真正掌握jQuery开发的知识。" />

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
	<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />

	<style type="text/css">
	*{padding:0; margin:0;}
	img{border:0;}
	.content{margin:30px auto;height:800px; width:900px;}
	.content ul li{float:left; list-style:none; margin:5px;}
	</style>
<script type="text/javascript">
    $(document).ready(function () {	
        $("a[rel=example_group]").fancybox({
            'transitionIn': 'elastic',
            'transitionOut': 'elastic',
            'titlePosition': 'over',
			'cyclic':'true',			
            'titleFormat': function (title, currentArray, currentIndex, currentOpts) {
                return '<span id="fancybox-title-over">'+title+'</span>';
            }
        });
    });
</script>
</head>
<body>
<div id="main" style="background-color:#999999;">
           

<div style="font-family:SimHei;font-size:17px;color:#996633; margin:5px auto; width:120px; padding-top:30px; "><strong>图片特效</strong></div>
<div class="content" >
	<ul>
		<li><a rel="example_group" href="original/201206060341345684.jpg" title="123456546" >111</a>
		</li>
		<li><a rel="example_group" href="original/201206060341333250.jpg" >222</a></li>
		<li><a rel="example_group" href="original/201206060341294845.jpg" >333</a></li>
		<li><a rel="example_group" href="original/201206060341256133.jpg" ><img src="small/201206060341256133.jpg"  /></a></li>
		<li><a rel="example_group" href="original/201206060341241747.jpg"><img src="small/201206060341241747.jpg"/></a></li>
		<li><a rel="example_group" href="original/20120606034120701.jpg"><img src="small/20120606034120701.jpg"/></a></li>
		
	</ul>
</div>

</div>   
</body>
</html>
